<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>品途网</title>
        <link rel="stylesheet" rev="stylesheet" href="res/css/main.css" type="text/css" />
    </head>
    <body>
        <div id="wrap">
            <div class="topLine">
            	<div class="floatLeftBlock">
                	用户名：<input name="" type="text" class="loginInput" />
                	密码：<input name="" type="password" class="loginInput" />
                </div>
                <a href="#" class="loginBtn round5">登录</a>
                <a href="#" class="loginBtn round5">注册</a>
                <div class="floatRightBlock">
                	<a href="#" class="subscribeBtn round5">
                    	<span class="subscribeEmailCon"></span>
                    	邮件
                    </a>
                	<a href="#" class="subscribeBtn round5">
                    	<span class="subscribeRSSCon"></span>
                    	RSS
                    </a>
                	订阅品途：
                </div>
            </div><!--topLine-->
            
            <div class="header">
            	<h1><a class="spA" href="#">品途网-O2O行业专业网络媒体</a></h1>
            </div><!--header-->
            
            <div class="menu">
            	<a class="menuLink active" href="#">首页</a>
            	<a class="menuLink" href="#">新闻</a>
            	<a class="menuLink" href="#">评测</a>
            	<a class="menuLink" href="#">专题</a>
            	<a class="menuLink" href="#">标签</a>
            	<a class="menuLink" href="#">关于</a>
                <input name="" type="text" class="menuSearchInput" placeholder="关键词" />
                <a class="menuSearchBtn" href="#">搜索</a>
            </div><!--menu-->
            
            <div class="leftCol">
            	<ul class="newsListUl">
                	<li class="spShadowedBox">
                    	<h3><a href="#">苹果仍应该买下Foursquare</a></h3>
                        <span class="newsBrifeIntro">
                        	<a class="brifeImageLink" href="#">
                            	<img class="brifeImage" alt="" src="res/pic/articleListImgSample.jpg" />
                            </a>
                            八月份的时候有篇文章说苹果应该买下4sq，现在看来，这依然是个不错的主意，苹果的地图确实在很多细节方面做得太烂了，各种缺胳膊少腿的。 苹果的地图应用启动速度很快，也足够友好，主要还是数据方面存在问题。地图本身不够精确，苹果必须解决这些问题，尤其是在地点的搜索方面存在很多缺陷，按目录搜索也很混乱。
                            <div class="clearfix"></div>
                        </span>
                        <span class="newsAuthorInfo">
                        	by ：<a href="#">benimaru zhang</a> 2012-10-4 10:35  <span class="homeListTags">标签：<a href="#">电子商务</a>，<a href="#">好乐买</a></span>
                        </span>
                    </li>
                	<li class="spShadowedBox">
                    	<h3><a href="#">苹果仍应该买下Foursquare</a></h3>
                        <span class="newsBrifeIntro">
                        	<a class="brifeImageLink" href="#">
                            	<img class="brifeImage" alt="" src="res/pic/articleListImgSample.jpg" />
                            </a>
                            八月份的时候有篇文章说苹果应该买下4sq，现在看来，这依然是个不错的主意，苹果的地图确实在很多细节方面做得太烂了，各种缺胳膊少腿的。 苹果的地图应用启动速度很快，也足够友好，主要还是数据方面存在问题。地图本身不够精确，苹果必须解决这些问题，尤其是在地点的搜索方面存在很多缺陷，按目录搜索也很混乱。
                            <div class="clearfix"></div>
                        </span>
                        <span class="newsAuthorInfo">
                        	by ：<a href="#">benimaru zhang</a> 2012-10-4 10:35  <span class="homeListTags">标签：<a href="#">电子商务</a>，<a href="#">好乐买</a></span>
                        </span>
                    </li>
                	<li class="spShadowedBox">
                    	<h3><a href="#">苹果仍应该买下Foursquare</a></h3>
                        <span class="newsBrifeIntro">
                        	<a class="brifeImageLink" href="#">
                            	<img class="brifeImage" alt="" src="res/pic/articleListImgSample.jpg" />
                            </a>
                            八月份的时候有篇文章说苹果应该买下4sq，现在看来，这依然是个不错的主意，苹果的地图确实在很多细节方面做得太烂了，各种缺胳膊少腿的。 苹果的地图应用启动速度很快，也足够友好，主要还是数据方面存在问题。地图本身不够精确，苹果必须解决这些问题，尤其是在地点的搜索方面存在很多缺陷，按目录搜索也很混乱。
                            <div class="clearfix"></div>
                        </span>
                        <span class="newsAuthorInfo">
                        	by ：<a href="#">benimaru zhang</a> 2012-10-4 10:35  <span class="homeListTags">标签：<a href="#">电子商务</a>，<a href="#">好乐买</a></span>
                        </span>
                    </li>
                	<li class="spShadowedBox">
                    	<h3><a href="#">苹果仍应该买下Foursquare</a></h3>
                        <span class="newsBrifeIntro">
                        	<a class="brifeImageLink" href="#">
                            	<img class="brifeImage" alt="" src="res/pic/articleListImgSample.jpg" />
                            </a>
                            八月份的时候有篇文章说苹果应该买下4sq，现在看来，这依然是个不错的主意，苹果的地图确实在很多细节方面做得太烂了，各种缺胳膊少腿的。 苹果的地图应用启动速度很快，也足够友好，主要还是数据方面存在问题。地图本身不够精确，苹果必须解决这些问题，尤其是在地点的搜索方面存在很多缺陷，按目录搜索也很混乱。
                            <div class="clearfix"></div>
                        </span>
                        <span class="newsAuthorInfo">
                        	by ：<a href="#">benimaru zhang</a> 2012-10-4 10:35  <span class="homeListTags">标签：<a href="#">电子商务</a>，<a href="#">好乐买</a></span>
                        </span>
                    </li>
                	<li class="spShadowedBox">
                    	<h3><a href="#">苹果仍应该买下Foursquare</a></h3>
                        <span class="newsBrifeIntro">
                        	<a class="brifeImageLink" href="#">
                            	<img class="brifeImage" alt="" src="res/pic/articleListImgSample.jpg" />
                            </a>
                            八月份的时候有篇文章说苹果应该买下4sq，现在看来，这依然是个不错的主意，苹果的地图确实在很多细节方面做得太烂了，各种缺胳膊少腿的。 苹果的地图应用启动速度很快，也足够友好，主要还是数据方面存在问题。地图本身不够精确，苹果必须解决这些问题，尤其是在地点的搜索方面存在很多缺陷，按目录搜索也很混乱。
                            <div class="clearfix"></div>
                        </span>
                        <span class="newsAuthorInfo">
                        	by ：<a href="#">benimaru zhang</a> 2012-10-4 10:35  <span class="homeListTags">标签：<a href="#">电子商务</a>，<a href="#">好乐买</a></span>
                        </span>
                    </li>
                	<li class="spShadowedBox">
                    	<h3><a href="#">苹果仍应该买下Foursquare</a></h3>
                        <span class="newsBrifeIntro">
                        	<a class="brifeImageLink" href="#">
                            	<img class="brifeImage" alt="" src="res/pic/articleListImgSample.jpg" />
                            </a>
                            八月份的时候有篇文章说苹果应该买下4sq，现在看来，这依然是个不错的主意，苹果的地图确实在很多细节方面做得太烂了，各种缺胳膊少腿的。 苹果的地图应用启动速度很快，也足够友好，主要还是数据方面存在问题。地图本身不够精确，苹果必须解决这些问题，尤其是在地点的搜索方面存在很多缺陷，按目录搜索也很混乱。
                            <div class="clearfix"></div>
                        </span>
                        <span class="newsAuthorInfo">
                        	by ：<a href="#">benimaru zhang</a> 2012-10-4 10:35  <span class="homeListTags">标签：<a href="#">电子商务</a>，<a href="#">好乐买</a></span>
                        </span>
                    </li>
                	<li class="spShadowedBox">
                    	<h3><a href="#">苹果仍应该买下Foursquare</a></h3>
                        <span class="newsBrifeIntro">
                        	<a class="brifeImageLink" href="#">
                            	<img class="brifeImage" alt="" src="res/pic/articleListImgSample.jpg" />
                            </a>
                            八月份的时候有篇文章说苹果应该买下4sq，现在看来，这依然是个不错的主意，苹果的地图确实在很多细节方面做得太烂了，各种缺胳膊少腿的。 苹果的地图应用启动速度很快，也足够友好，主要还是数据方面存在问题。地图本身不够精确，苹果必须解决这些问题，尤其是在地点的搜索方面存在很多缺陷，按目录搜索也很混乱。
                            <div class="clearfix"></div>
                        </span>
                        <span class="newsAuthorInfo">
                        	by ：<a href="#">benimaru zhang</a> 2012-10-4 10:35  <span class="homeListTags">标签：<a href="#">电子商务</a>，<a href="#">好乐买</a></span>
                        </span>
                    </li>
                	<li class="spShadowedBox">
                    	<h3><a href="#">苹果仍应该买下Foursquare</a></h3>
                        <span class="newsBrifeIntro">
                        	<a class="brifeImageLink" href="#">
                            	<img class="brifeImage" alt="" src="res/pic/articleListImgSample.jpg" />
                            </a>
                            八月份的时候有篇文章说苹果应该买下4sq，现在看来，这依然是个不错的主意，苹果的地图确实在很多细节方面做得太烂了，各种缺胳膊少腿的。 苹果的地图应用启动速度很快，也足够友好，主要还是数据方面存在问题。地图本身不够精确，苹果必须解决这些问题，尤其是在地点的搜索方面存在很多缺陷，按目录搜索也很混乱。
                            <div class="clearfix"></div>
                        </span>
                        <span class="newsAuthorInfo">
                        	by ：<a href="#">benimaru zhang</a> 2012-10-4 10:35  <span class="homeListTags">标签：<a href="#">电子商务</a>，<a href="#">好乐买</a></span>
                        </span>
                    </li>
                </ul><!--newsListUl-->
                <div class="newListPagination">
                	<a class="active" href="#">1</a>
                	<a href="#">2</a>
                	<a href="#">3</a>
                	<a href="#">4</a>
                	<a href="#">5</a>
                	<a href="#">...</a>
                	<a href="#">999</a>
                	<a href="#">下一页</a>
                	<a href="#">昨日</a>
                </div>
            </div><!--leftCol-->
            
            <div class="rightCol">
            	<div class="sideBarSinaWeibo spShadowedBox">
                	<a href="#" class="WeiboIcon"></a>
                    <div class="WeiboInfo">
                    	新浪微博 <a href="#">@品途O2O观察</a><br />
                        <a href="#"><img src="res/pic/sinaWeiboAddIcon.png" /></a>
                    </div>
                    <div class="clearfix"></div>
                </div>
                
            	<div class="sideBarTencentWeibo spShadowedBox">
                	<a href="#" class="WeiboIcon"></a>
                    <div class="WeiboInfo">
                    	腾讯微博 <a href="#">@品途O2O观察</a><br />
                        <a href="#"><img src="res/pic/tencentWeiboAddIcon.png" /></a>
                    </div>
                    <div class="clearfix"></div>
                </div>
                
                <div class="spShadowedBox sideBarAdv">
                	<a href="#">
                    	<img src="res/pic/imageAdvSample.gif" alt="" />
                    </a>
                </div>
                
                <div class="spShadowedBox sideBarBlack">
                	<h3>标签</h3>
                    <div class="sideBarTags">
                    	<a class="tagsPop1" href="#">标签</a>
                    	<a class="tagsPop2" href="#">标签</a>
                    	<a class="tagsPop3" href="#">标签</a>
                    	<a class="tagsPop4" href="#">标签</a>
                    	<a class="tagsPop5" href="#">标签</a>
                    	<a class="tagsPop6" href="#">标签</a>
                    	<a class="tagsPop7" href="#">标签</a>
                    	<a class="tagsPop8" href="#">标签</a>
                    	<a class="tagsPop9" href="#">标签</a>
                    	<a class="tagsPop10" href="#">标签</a>
                    </div>
                </div>
                
                <div class="spShadowedBox sideBarRed">
                	<h3>热门文章</h3>
                    <ul class="sideBarHotNews">
                    	<li class="sideBarHotestNews">
                        	<a href="#"><img class="sideBarHotestNewsImg" src="res/pic/hotNewsImageSample.jpg" alt="" /></a>
                            <h4><a href="#">最热文章标题最热文章标题</a></h4>
                            最热文章简介。最热文章简介最热文章简介最热文章简介最热文章简介最热文章简介最热文章简介最热文章简介最热文章简介
                        </li>
                        <li>
                        	<h4><a href="#">
                            	其它热门文章标题其它热门文章标题其它热门文章标题，最多两行...
                            </a></h4>
                        </li>
                        <li>
                        	<h4><a href="#">
                            	其它热门文章标题其它热门文章标题其它热门文章标题，最多两行...
                            </a></h4>
                        </li>
                        <li>
                        	<h4><a href="#">
                            	其它热门文章标题其它热门文章标题其它热门文章标题，最多两行...
                            </a></h4>
                        </li>
                        <li>
                        	<h4><a href="#">
                            	其它热门文章标题其它热门文章标题其它热门文章标题，最多两行...
                            </a></h4>
                        </li>
                    </ul><!--sideBarHotNews-->
                </div>
                
                <div class="spShadowedBox sideBarRed">
                	<h3>近期评论</h3>
                    <ul class="sideBarRecentComments">
                        <li>
                        	<a class="userImg" href="#"><img alt="" src="res/pic/userImageSample_small.jpg" /></a>
                            <a href="#"><strong>沙渺很忙</strong></a>21小时前<br />
在 <a href="#"><strong>树莓派Raspberry Pi上手报告</strong></a> 中评论<br />
<a href="#">"但是SD卡在你手上它怎么知道你设了？" 官方表示CPU里有手脚，只要超过频就会不可逆的在CPU里留下记录</a>
                        </li>
                        <li>
                        	<a class="userImg" href="#"><img alt="" src="res/pic/userImageSample_small.jpg" /></a>
                            <a href="#"><strong>沙渺很忙</strong></a>21小时前<br />
在 <a href="#"><strong>树莓派Raspberry Pi上手报告</strong></a> 中评论<br />
<a href="#">"但是SD卡在你手上它怎么知道你设了？" 官方表示CPU里有手脚，只要超过频就会不可逆的在CPU里留下记录</a>
                        </li>
                        <li>
                        	<a class="userImg" href="#"><img alt="" src="res/pic/userImageSample_small.jpg" /></a>
                            <a href="#"><strong>沙渺很忙</strong></a>21小时前<br />
在 <a href="#"><strong>树莓派Raspberry Pi上手报告</strong></a> 中评论<br />
<a href="#">"但是SD卡在你手上它怎么知道你设了？" 官方表示CPU里有手脚，只要超过频就会不可逆的在CPU里留下记录</a>
                        </li>
                        <li>
                        	<a class="userImg" href="#"><img alt="" src="res/pic/userImageSample_small.jpg" /></a>
                            <a href="#"><strong>沙渺很忙</strong></a>21小时前<br />
在 <a href="#"><strong>树莓派Raspberry Pi上手报告</strong></a> 中评论<br />
<a href="#">"但是SD卡在你手上它怎么知道你设了？" 官方表示CPU里有手脚，只要超过频就会不可逆的在CPU里留下记录</a>
                        </li>
                        <li>
                        	<a class="userImg" href="#"><img alt="" src="res/pic/userImageSample_small.jpg" /></a>
                            <a href="#"><strong>沙渺很忙</strong></a>21小时前<br />
在 <a href="#"><strong>树莓派Raspberry Pi上手报告</strong></a> 中评论<br />
<a href="#">"但是SD卡在你手上它怎么知道你设了？" 官方表示CPU里有手脚，只要超过频就会不可逆的在CPU里留下记录</a>
                        </li>
                    </ul><!--sideBarHotNews-->
                </div>
                
                <div class="spShadowedBox sideBarRed">
                	<h3>标签</h3>
                    <div class="sideBarContribution">
                    	一：说明文案说明文案说明文案说明文案说明文案说明文案;<br />
二：说明文案说明文案说明文案说明文案说明文案说明文案;<br />
                        <a class="normalBtnRed round8">投稿</a>
						<a class="normalBtnRed round8">求报道</a>
                        <div class="clearfix"></div>
                    </div>
                </div>
                
                <div class="spShadowedBox sideBarAdv">
                	<a href="#">
                    	<img src="res/pic/imageAdvSample.gif" alt="" />
                    </a>
                </div>
                
                <div class="spShadowedBox sideBarAdv">
                	<a href="#">
                    	<img src="res/pic/imageAdvSample.gif" alt="" />
                    </a>
                </div>
                
            </div><!--rightCol--><div class="clearfix"></div>
            
            <div class="menu bottemMenu">
            	<a class="menuLink active" href="#">首页</a>
            	<a class="menuLink" href="#">新闻</a>
            	<a class="menuLink" href="#">评测</a>
            	<a class="menuLink" href="#">专题</a>
            	<a class="menuLink" href="#">标签</a>
            	<a class="menuLink" href="#">关于</a>
            </div><!--bottemMenu-->
            
            <div class="partners">
            	<h3>合作伙伴</h3>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <a href="#"><img src="res/pic/partnerLogoSample.gif" alt="" /></a>
                <div class="clearfix"></div>
            </div><!--partners-->
            
            <div class="footer">
            	Copyright © 2011-2012 品途网 京ICP备12345678号
            </div>
            
        </div> <!--wrap-->
        
    </body>
</html>